<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- 导入JSTL核心标签库 -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 导入JSTL函数标签库 -->
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模板页</title>
<!-- 设置图标 -->
<link rel="icon"
	href="./images/DE7FA189B76F40067AE1E391ECFB32D064C77EB5798DE4E1E0D5524D01C5421AC42FE6B1FEFEC9ADB52960786E027F1D.ico">
<!-- 导入CSS文件 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/input.css">
<!-- 导入JS文件 -->
<script src="./js/input-select-width.js"></script>
</head>
<body>
	<!-- 存放共通的HTML代码 -->
	<!-- 主容器的开始 -->
	<div class="container">
		<!-- 左侧菜单的开始 -->
		<div class="menu">
			<!-- 静态包含: menu.jsp页面 -->
			<%@include file="./menu.jsp"%>
		</div>
		<!-- 左侧菜单的结束 -->
		<!-- 右侧主体的开始 -->
		<div class="main">
			<!-- 注册说明 -->
			<div>在此输入雇员的信息,点击添加后会添加到数据库</div>
			<!-- 注册容器的开始 -->
			<div class="main-body">
				<!-- 表单的开始 -->
				<form action="" method="post">
					<!-- 第一行的开始 -->
					<div class="row">
						<div class="form-label">名称</div>
						<div class="form-control">
							<input type="text" name="name" id="empName" autofocus="autofocus">
						</div>
					</div>
					<!-- 第一行的结束 -->
					<!-- 第二行的开始 -->
					<div class="row">
						<div class="form-label">年龄</div>
						<div class="form-control">
							<input type="number" name="age" id="empAge">
						</div>
					</div>
					<!-- 第二行的结束 -->
					<!-- 第三行的开始 -->
					<div class="row">
						<div class="form-label">邮件</div>
						<div class="form-control">
							<input type="text" name="email" id="empEmail">
						</div>
					</div>
					<!-- 第三行的结束 -->
					<!-- 第四行的开始 -->
					<div class="row">
						<div class="form-label">职位</div>
						<div class="form-control">
							<select name="title">
								<!-- 职位的信息,来自于数据库JDBC表 -->
							</select>
						</div>
					</div>
					<!-- 第四行的结束 -->
					<!-- 第五行的开始 -->
					<div class="row">
						<div class="form-label">简介</div>
						<div class="form-control">
							<textarea rows="10" name="briefIntro"></textarea>
						</div>
					</div>
					<!-- 第五行的结束 -->
					<!-- 第六行的开始 -->
					<div class="row">
						<div class="form-label"></div>
						<div class="form-control">
							<button type="submit">添加</button>
						</div>
					</div>
					<!-- 第六行的结束 -->
				</form>
				<!-- 表单的结束 -->
			</div>
			<!-- 注册容器的结束 -->
		</div>
		<!-- 右侧主体的结束 -->
	</div>
	<!-- 主容器的结束 -->
</body>
</html>